<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>我的简历</title>
    <style media="print">
        body {
            margin: 0;
        }
    </style>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <article>
        <section class="bio">
            <h2>个人信息</h2>
            <p>孔义</p>
            <img src="./images/1.png" alt="" width=120 height=100>
            <p>
                男 | 24岁 | 贵阳
            </p>
            <p>
                手机：17308503136 | 微信：ky17308503136 | 邮箱：1269428345@qq.com
            </p>
        </section>

        <section class="projects">
            <h2>项目经历</h2>
            <ol>
                <li>
                    <header>
                        <h3>旺财记账</h3>
                        <span>
                            <a href="https://gitee.com/kongyi5/money">源码链接</a>
                            <a href="http://kongyi5.gitee.io/money-website/#/money">项目预览</a>
                        </span>
                    </header>
                    <div class="images">
                        <img src="./images/4.png" alt="">
                    </div>
                    <p>
                        一个基于 <strong>Vue2</strong> / <strong>VueRouter</strong> / <strong>Vuex</strong>/
                        <strong>TypeScript</strong> 的移动端单页面应用。
                    </p>

                    <p>
                        这是我从自己的需求出发，设计出的记账应用，特点是快速记账，简洁明了，兼容PC和移动端页面。
                    </p>
                    <p>
                        该项目使用 <strong>Vue 全家桶</strong> 和 <strong>TypeScript</strong>，让我对 Vue全家桶的相互搭配协调使用以及 TypeScript
                        的学习 奠定了基础。
                    </p>
                </li>
                <li>
                    <header>
                        <h3>旺财记账小程序版</h3>
                        <span>
                            <a href="https://gitee.com/kongyi5/wx-money">源码链接</a>
                            <a href="https://gitee.com/kongyi5/wx-money">项目预览</a>
                        </span>
                    </header>
                    <div class="images">
                        <img src="./images/5.png" alt="">
                    </div>
                    <p>
                        我学习小程序时，将自己的移动端旺财记账应用制作了小程序版本，可以在微信搜索 旺财记账薄 体验。
                    </p>
                    <p>
                        使用原生<strong> JavaScript </strong>和小程序的<strong> WXML </strong>语法,并使用<strong> LESS
                        </strong>转译为<strong>
                            WXSS </strong>进行样式开发。
                    </p>
                </li>
                <li>
                    <header>
                        <h3>前航</h3>
                        <span>
                            <a href="https://gitee.com/kongyi5/nav">源码链接</a>
                            <a href="http://kongyi5.gitee.io/nav/dist/index.html">项目预览</a>
                        </span>
                    </header>
                    <div class="images">
                        <img src="./images/3.png" alt="">
                    </div>
                    <p>
                        我在学习jQuery时制作的一个极其简洁的导航网站。
                    </p>
                    <p>主要使用了 <strong>ES6</strong> 语法和 <strong>jQuery</strong></p>，兼容PC页面和移动端页面，并且把保存的数据记录在本地
                    <strong>LocalStorage</strong>保证下次还可以继续接着用
                </li>
                <li>
                    <header>
                        <h3>极简画板</h3>
                        <span>
                            <a href="https://gitee.com/kongyi5/canvas/tree/master">源码链接</a>
                            <a href="http://kongyi5.gitee.io/canvas/src/index.html">项目预览</a>
                        </span>
                    </header>
                    <div class="images">
                        <img src="./images/2.png" alt="">
                    </div>
                    <p>
                        这是我在学习 <strong>JavaScript</strong> 和 <strong>Canvas</strong> 时制作的一个画板小应用。

                    </p>
                    <p>
                        制作过程让我对 Js 和 Canvas API 逐步了解和熟悉。
                        并将制作过程总结了一篇博客<a href="https://www.yuque.com/regety/uycye9/bxgyil" target="blank">《ES6、canvas
                            API
                            实现
                            简易画板》</a>
                    </p>
                </li>
            </ol>
        </section>

        <section class="skills">
            <h2>技能</h2>
            <div class="wrapper">
                <ul>
                    <li>熟悉 <strong>Git</strong> 版本管理工具</li>
                    <li>熟悉<strong>HTML5</strong>、<strong>CSS3</strong>以及页面制作技巧，能将设计稿还原</li>
                    <li>熟悉 <strong>ES6</strong> ，包括 let / const / 箭头函数 / 析构赋值 / Promise 等</li>
                    <li>熟悉前后端分离技术，包括 <strong>AJAX</strong>、<strong>跨域</strong>等</li>
                    <li>熟练掌握 <strong>Vue全家桶</strong>的使用，包括 VueCli、VueRouter、Vuex 等</li>
                    <li>了解 <strong>TypeScript</strong> 的使用</li>
                    <li>了解 <strong>Webpack</strong> 的配置</li>
                </ul>
            </div>
        </section>

        <section class="others" style="page-break-before: always;">
            <h2>其他链接</h2>
            <ul>
                <li><a href="https://www.yuque.com/regety/uycye9">我的博客</a>，记录学习前端的过程中遇到的知识点和问题，目前已有60多篇技术博客</li>
                <li><a href="https://gitee.com/kongyi5/">我的 github</a>，由于需要翻墙使用所以转到gitee，过去半年有300多次提交</li>
            </ul>
        </section>

        <section class="education">
            <h2>教育经历</h2>
            <p>
                <span><time>2019年</time>~<time>2021年</time></span>
                贵州大学继续教育学院 专科
            </p>
        </section>

    </article>
</body>

</html>